@extends('front.common.layout')

@section('title',$data['info']->seo_title)
@section('keywords',$data['info']->seo_keywords)
@section('description',$data['info']->seo_description)
@section('content')
    <!-- banner -->
    <div class="inner-banner has-base-color-overlay text-center"
         style="background: url({{ asset('/front/images/background/tech-center-banner.jpg') }});">
        <div class="container">
            <div class="box">
                <h3>Tech Center details</h3>
            </div>
        </div>
    </div>
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="breadcrumb_bar">
                <div class="breadcrumb_menu">
                    <ul class="link-list">
                        <li>
                            <a href="{{ url('/') }}">Home</a>
                        </li>
                        <li>
                            <a href="{{ url('/tech-center') }}">Tech Center</a>
                        </li>
                        <li>
                            {{ $data['info']->title }}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->

    <section class="service-single">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="service-sidebar">
                        <ul class="service-catergory">
                            @foreach($data['list'] as $v)
                                <li  @if($v->id == $data['info']->id) class="active" @endif>
                                    <a href="{{ url('tech-center-detail',$v->id) }}">{{ $v->title }}</a>
                                    <span class="view-all-icon fa fa-caret-right"></span>
                                </li>
                            @endforeach
                        </ul>
                        <br>
                        <br>

                        <div class="popular_news">
                            <div class="inner-title">
                                <h3>Contact Us</h3>
                            </div>
                            <div class="text">
                                <p>If you have any questions or Suggestions about our products or services, please feel free to contact us at any time! Our technical engineers will give you detailed answers.</p>
                            </div>
                            <br>
                            <div class="default-cinfo">
                                <div class="acc-content collapsed">
                                    <ul class="contact-infos">
                                        <li>
                                            <div class="icon_box">
                                                <i class="fa fa-map-marker"></i>
                                            </div>

                                            <div class="text-box">
                                                <p><b>Address:</b>
                                                    <br>{{ config('web_config.address') }}</p>
                                            </div>

                                        </li>
                                        <li>
                                            <div class="icon_box">
                                                <i class="fa fa-phone"></i>
                                            </div>

                                            <div class="text-box">
                                                <p><b>Call Us:</b>
                                                    <br> <a href="tel:{{ config('web_config.tel') }}">{{ config('web_config.tel') }}</a>
                                                    <br> <a href="tel:{{ config('web_config.phone') }}">+{{ config('web_config.phone') }}</a></p>
                                            </div>

                                        </li>
                                        <li>
                                            <div class="icon_box">
                                                <i class="fa fa-envelope"></i>
                                            </div>

                                            <div class="text-box">
                                                <p><b>Mail Us:</b>
                                                    <br> <a href="mailto:{{ config('web_config.email_1') }}">{{ config('web_config.email_1') }}</a>
                                                    <br> <a href="mailto:{{ config('web_config.email_2') }}">{{ config('web_config.email_2') }}</a>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="outer-box">
                        <div class="inner-title" style="margin-top: 0;">
                            <h3>{{ $data['info']->title }}</h3>
                        </div>
                        <br>
                        {!! $data['info']->content !!}
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection
